/**  global */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,div{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 helvetica,tahoma,arial,sans-serif;}

h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}
ul,ol{list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
legend{color:#000;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}table{border-collapse:collapse;border-spacing:0;}
body {color: #3e3e3e;background:#fff; font-family:Arial,Helvetica; }
.left{float: left;}
.right{float: right;}
body{font-size:12px;color: #666;}

*:focus { outline: none; }

/** framework   */
#mainHeader{
    width: 100%;
    height: 57px;
    background: url('../img/bg.png');
}
#mainBody{
    width: 100%;
    height: 800px;
}

#leftMenu{
    background: #f2f2f2;
    width: 158px;
    height: 600px;
    border-right: #a4c2df 1px solid ;
    vertical-align: text-top;
}
#rightBody{

}
#rightBody table{
    vertical-align: top;
    width: 100%;
}
#navBar {height: 28px; background: url('../img/bg.png') 0px -56px; padding-left: 10px;}
#frameBox{ border-collapse: collapse; padding: 10px;  width: 99%;}
#leftMenu { padding: 10px;}
#leftMenu .parNode { width: 140px; letter-spacing: 1px; margin-top: 3px; }
#leftMenu .parNode p{cursor: pointer; display: block; height: 20px; font-weight: bold; padding-left: 15px;}
#leftMenu .parNode ul{ margin-bottom: 10px;}
#leftMenu .parNode li{ margin-left: 18px; margin-top: 3px; padding-left: 15px;}
#leftMenu .parNode .on{ background: url('../img/menu_on.png') no-repeat 0px 3px;}
#leftMenu .parNode .off{ background: url('../img/menu_off.png') no-repeat 0px 3px;}
#leftMenu .parNode .expand{ background: url('../img/menu_expand.png') no-repeat 0px 3px;}
#leftMenu .parNode .page{ background: url('../img/page.png') no-repeat 0px 5px;}
/** header*/
#logo{height: 60px; width: 300px; background: url('../img/logo.png') no-repeat 5px 0px;}
#loginInfo{ position: fixed; right: 10px; top:10px;  height: 25px ;line-height: 25px; }
#loginInfo li{float: left; padding: 0px 5px;}
.blue{ color:#166bcc;}
.blueBold{ color: #166bcc; font-weight: bold;}
.leftBlueBorder { border-left: 1px solid #166bcc;}


textarea, input, select {
    font-size: 12px;
    vertical-align: middle;
    font-family: Arial;
}

.mr20{margin-right: 20px;}
.input{
    border: 1px solid ;
    border-color:#999999 #e1e1e1 #e1e1e1 #999999;
    padding: 2px 3px;
    background: #fff;
    font-size: 1em;
    color: #000;
}
.input_wa{
    width: 152px;
}
.input_waa{
    width: 300px;
}
.input_waaa{
    width: 500px;
}
.select_wa{
    width: 162px;
}

select{
    border:1px solid ;
}
textarea {
    border: 1px solid;
    border-color: #999999 #e1e1e1 #e1e1e1 #999999;
    padding: 3px;
    background: #fff;
    line-height: 1.5;
}

.textarea {
    height: 62px;
    overflow: auto;
    background: #fff;
    line-height: 1.3;
}
div.pager_container div{ float: left;  margin-left: 13px;}
div.pager_container  a{ float: left; display: block; height: 24px; width: 24px; background: #eaf2fa; border: 1px solid #cbdaea; line-height: 24px; text-align: center;  font-size: 14px; font-weight: bold; color: #333;}

div.pager_current a{ background: #6392c2; color: white;}

.msg{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    width: 98%;
    padding: 10px;
    border: 1px solid #f1e2b5;
    background: #fff8e3;
}
